<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仓库资料查询报表</title>
    <link rel="stylesheet" href="../commonCss/reset.css">
    <link rel="stylesheet" href="../commonCss/element.css">
    <link rel="stylesheet" href="../css/warehouse_info5.css" media="screen">
    <link rel="stylesheet" href="../css/warehouse_info5.css" media="print">
</head>

<body>
    <div class="warehouse" v-cloak>
        <div style="position: fixed; top: 50px; left: 50px;">
            <button @click="prints" type="button" id="btn-print"
                style="background-color:#fff;border:1px solid #D7D7D7;border-radius:4px;padding:6px 20px;outline:none;cursor:pointer;">打印</button>
        </div>

        <div class="warehouse_info1_box" ref="printPage">
            <div class="container" v-loading="loading" element-loading-spinner="el-icon-loading"
                element-loading-text="拼命加载中">

                <table style="width:100%">

                    <thead class="header">
                        <tr>
                            <th colspan="12"
                                style="font-size: 20px;padding-top:0px;position: relative;border-color: transparent;border-bottom-color: black;">
                                <span>仓库资料查询报表</span>
                                <span style="position: absolute; right:20px;bottom:0px; font-size: 15px;">
                                    <span class="page">第1页，</span>
                                    共<span class="count"></span>页
                                </span>

                            </th>
                        </tr>
                        <tr class="thStyle">
                            <th style="width: 24mm;">名称</th>
                            <th style="width: 17mm;">产品编码</th>
                            <th style="width: 17mm;">供应商</th>
                            <th style="width: 17mm;">部门</th>
                            <th style="width: 17mm;">仓库</th>
                            <th style="width: 17mm;">仓位</th>
                            <th style="width: 17mm;">内部批次</th>
                            <th style="width: 17mm;">供应商批次</th>
                            <th style="width: 17mm;">现存数量(KG)</th>
                            <th style="width: 17mm;">现存件数</th>
                            <th style="width: 16mm;">成本</th>
                            <th style="width: 17mm;">备注</th>
                        </tr>
                    </thead>

                    <tbody>

                    </tbody>


                    <tfoot class="tfStyle">
                        <td></td>
                        <td></td>
                        <td>总数量：</td>
                        <td>{{tfootContent.sumkg}}</td>
                        <td>总件数：</td>
                        <td>{{tfootContent.sumjianshu}}</td>
                        <td>制表人：</td>
                        <td colspan="2">{{tfootContent.printer}}</td>
                        <td colspan="2">制表日期：</td>
                        <td>{{tfootContent.printtime}}</td>
                    </tfoot>
                </table>



            </div>
        </div>

        <table style="width:210mm;max-height:297mm;font-size: 12px;" id="cstb">
            <thead class="header">
                <tr>
                    <th colspan="12"
                        style="font-size: 20px;position: relative;border-color: transparent;border-bottom-color: black;">
                        <span>仓库资料查询报表</span>
                        <span style="position: absolute; right:20px;bottom:0px; font-size: 15px;">
                            <span class="page">第1页，</span>
                            共<span class="count"></span>页
                        </span>

                    </th>
                </tr>
                <tr class="thStyle" id="csHeader">
                    <th style="width: 24mm;">名称</th>
                    <th style="width: 17mm;">产品编码</th>
                    <th style="width: 17mm;">供应商</th>
                    <th style="width: 17mm;">部门</th>
                    <th style="width: 17mm;">仓库</th>
                    <th style="width: 17mm;">仓位</th>
                    <th style="width: 17mm;">内部批次</th>
                    <th style="width: 17mm;">供应商批次</th>
                    <th style="width: 17mm;">现存数量(KG)</th>
                    <th style="width: 17mm;">现存件数</th>
                    <th style="width: 16mm;">成本</th>
                    <th style="width: 17mm;">备注</th>
                </tr>
            </thead>
            <tbody id="CS">
            </tbody>
            <tfoot class="tfStyle">
                <td></td>
                <td></td>
                <td>总数量：</td>
                <td>{{tfootContent.sumkg}}</td>
                <td>总件数：</td>
                <td>{{tfootContent.sumjianshu}}</td>
                <td>制表人：</td>
                <td colspan="2">{{tfootContent.printer}}</td>
                <td colspan="2">制表日期：</td>
                <td>{{tfootContent.printtime}}</td>
            </tfoot>
        </table>
    </div>
</body>
<script src="../commonJs/vue.min.js"></script>
<script src='http://dongtai.fsslpc.com/w/web/common/jquery.js'></script>
<script src="http://dongtai.fsslpc.com/w/Script/jQuery.print.min.js"></script>
<script src="../commonJs/common.js"></script>
<script src="../commonJs/element.js"></script>
<script src="../commonJs/vant.min.js"></script>
<script src="../js/warehouse_info.js"></script>

</html>